/////////////////// COLORS /////////////////
/// 后台
$color-white: #fff;
$color-bg-dark: #3d4d5f;
$color-bg-gray: #f5f7f9;
$color-text-dark: #333;
$color-border: #e0e0e0;

/////////////////// WIDTH, HEIGHT //////////
$navbar-height: 56px;
$sidebar-expend-width: 180px;
$sidebar-width: 50px;


///////////////////// 前台  /////////////////
/////////////////// TRANSITIONS ////////////
$transition-speed: 0.3s;

$navbar-height-large: 64px;

// 前台实现主题切换
:root {
  --color-primary: #b16803;
  --color-background: #eee5de;
  --color-surface: #f8efe7;
  --color-light: #fffcfa;
  --color-text: #2c232e;
  --color-gray-1: #72696d;
  --color-gray-2: #958d91;
}

.app-container.dark {
  --color-primary: #fd7e14;
  --color-background: #1d2528;
  --color-surface: #273136;
  --color-light: #fffcfa;
  --color-text: #f2fffc;
  --color-gray-1: #9ba5a7;
  --color-gray-2: #6b7678;
}
